<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.min.js"></script>
    <script>
        function fn() {
            // 获取数据
            // var txt = $("div").text(); // 拿到文本
            // var hm = $("div").html(); // 拿到html代码
            // console.log(txt);
            // console.log(hm);

            // 给标签设置数据
            // 向div中写入文本内容
            // $("div").text("hello");
            // $("div").html("<input type='text' />");

            document.querySelector("#jay").value = "xxxxx";
            $("#jay").val("nihao"); // 设置value属性值
            console.log($("#jay").val());

            // jquery $(xxx).val() text() html()
            // 不传参，拿数据
            // 传参，放数据

            var val = $("span").attr("xzoicuadjoiasdlkjfa");
            console.log(val);
            $("span").attr("xzoicuadjoiasdlkjfa", "alen");

            xxx.attr(key) //拿数据
            xxx.attr(key, value); // 放数据
        }
    </script>
</head>
<body>

<input type="button" value="点击" onclick="fn();">
<hr>
<div>
    <span xzoicuadjoiasdlkjfa="jack">你好</span>
    <input type="text" name="" id="jay">
</div>

</body>
</html>